<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>债权转让</title>
    <link rel="stylesheet" href="../css/home.css">
    <link rel="stylesheet" href="../css/invest.css">
    <link rel="stylesheet" href="../css/jkd-tab.css">
    <link rel="stylesheet" href="../css/jquery-calendar.css" />
    <link rel="stylesheet" href="../css/jkdpop-box.css">
    <link rel="stylesheet" href="../css/chome.css">
    <script type="text/javascript" src="../lib/jquery-1.7.2.min.js"></script>
    <script src="../js/home.js"></script>
    <script src="../js/jquery.SuperSlide.2.1.1.js"></script>
    <script type="text/javascript" src="../js/jquery-calendar.js"></script>
</head>
<body>
<div id="header"></div>
<!--二.我的金开贷-->
<div class="my-jkd wd12 mg0">
    <!--侧边栏-->
    <div id="myjkd-leftmenu"></div>
    <!--侧边栏-r-->
    <div class="my-jkd-con fl">
        <div class="myjkd-transfer back-w box-sh ">
            <div class="myjkd-transfer-til font18 colg tl-center pt-re">债权转让简介</div>
            <div class="transfer-info fl"><span class="font18 colred">债权转让</span> 是平台提供给您的一项投资退出服务。
                投资人可将其持有的、符合一定条件的债权转让给其他投资人，实现获取现金的目的。
                您所转让的债权若在您发布项目后的24小时内无人认购，则您将继续持有该债权，若需转让，您需再次进行债权转让操作。
            </div>
        </div>
        <div style="clear: both"></div>

        <div class="transfer-num box-sh back-w">
            <div class="transfer-numimg fl ">
                <div class="fl"><img src="../images/transfer-numicon.png"></div>
                <span class="font18 fl">
                    <p class="fl">转让中笔数</p>
                    <span>0</span>
                </span>
            </div>
            <div class="mid-line fl"></div>
            <div class="transfer-numimg fl ">
                <div class="fl"><img src="../images/transfer-numicongr.png"></div>
                <span class="font18 fl">
                    <p class="fl">已转让笔数</p>
                    <span>0</span>
                </span>
            </div>
        </div>

        <div style="clear: both"></div>
        <!--债权转让信息-->
        <div class="cash-log back-w box-sh pt-re">
            <div class="cash-logtil  font18 pt-re colg tl-center">债权转让信息</div>
            <ul class="sm-btngroup ">
                <li><a class="sm-current">全部</a></li>
                <li><a class="">转让中</a></li>
                <li><a class="">已转让</a></li>
                <li><a class="">已过期</a></li>
                <li><a class="">已取消</a></li>
            </ul>
            <table>
                <tr>
                    <td colspan="7">
                        <div class="transfer-table">
                            <p class="transfer-p1 fl">项目名称</p>
                            <p class="transfer-p2 fl">转让金额（元）</p>
                            <p class="transfer-p3 fl">待收利息</p>
                            <p class="transfer-p4 fl">剩余期数</p>
                            <p class="transfer-p5 fl pt-re">
                                期待年回报率
                                <a class="q-mark pt-ab" title="此期待年回报率未扣除相关手续费，期待回报不代表对实际利息回报的承诺。" style="top:5px;right:-10px;"><img src="../images/q-mark.png"></a>
                            </p>
                            <p class="transfer-p6 fl">转让时间</p>
                            <p class="transfer-p7 fl">状态</p>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td colspan="7">
                        <div class="transfer-tbody pt-re">
                            <p class="fl transfer-p1">
                                <span class="product-name">[担保贷] 20170501DBD001-陕</span>
                                <span class="transferable-icon pt-re"><img src="../images/transferable-icon.png"></span>
                            </p>
                            <p class="fl transfer-p2">1000.00</p>
                            <p class="fl transfer-p3">1000.00</p>
                            <p class="fl transfer-p4">2期</p>
                            <p class="fl transfer-p5">8%</p>
                            <p class="fl transfer-p6">2017-05-01 10:00:17</p>
                            <p class="fl transfer-p7">转让中</p>

                            <ul class="invest-icon pt-ab">
                                <li>
                                    <a  class="confirma tl-center font12">取消转让</a>
                                </li>
                                <li>
                                    <a class="load-icon"><img src="../images/load-icon.png"></a>
                                    <div class="bl-tilg   load-txt  pt-re  font12  " style="display: none;">下载合同</div>
                                </li>
                            </ul>
                        </div>

                    </td>
                </tr>
                <tr>
                    <td colspan="7">
                        <div class="transfer-tbody pt-re">
                            <p class="fl transfer-p1">
                                <span class="product-name">[担保贷] 20170501DBD001-陕</span>
                                <span class="transferable-icon pt-re"><img src="../images/transferable-icon.png"></span>
                            </p>
                            <p class="fl transfer-p2">1000.00</p>
                            <p class="fl transfer-p3">1000.00</p>
                            <p class="fl transfer-p4">2期</p>
                            <p class="fl transfer-p5">8%</p>
                            <p class="fl transfer-p6">2017-05-01 10:00:17</p>
                            <p class="fl transfer-p7">已取消</p>

                            <ul class="invest-icon pt-ab">
                                <li>
                                </li>
                                <li>
                                    <a class="load-icon"><img src="../images/load-icon.png"></a>
                                    <div class="bl-tilg   load-txt  pt-re  font12  " style="display: none;">下载合同</div>
                                </li>
                            </ul>
                        </div>

                    </td>
                </tr>
            </table>
            <div style="clear: both"></div>
            <!--分页器-->
            <div id="jkdPagination">
                <div class="jkdPagination">
                    <a class="homePag hov-alpha">首页</a>
                    <a class="jkdpag-l hov-alpha"><img src="../images/jkdpagleft.png"></a>
                    <div class="jkdpag-num">
                        <div>
                            <span class="colred">1</span>
                            <span>/</span>
                            <span>4</span>
                        </div>
                    </div>
                    <a class="jkdpag-r hov-alpha"><img src="../images/jkdpagright.png"></a>
                    <a class="lastPag hov-alpha">尾页</a>
                </div>
            </div>
            <!--分页-->

        </div>
    </div>
    <div style="clear: both"></div>
</div>
<div style="clear: both"></div>
<div id="footer">
</div>
<style>
    .home-a2{color:#f15b3a }
    .jkd-li4{
        background: url("../images/jkd-icon.png") no-repeat 5px 2px;
    }

    .jkd-a4{
        background: url("../images/4.png") no-repeat;
        background-position:  14px 4px ;
        color: #f15b3a;
    }

</style>
<script>
    $().ready(function(){
        $(".confirma").click(function(){
            transferPop();
            $(".transfer-txt").text("确认取消债权转让");
        });
        $(".invest-icon li").hover(function(){
            $(this).children("div").show();
        },function(){
            $(this).children("div").hide();
        });
    });
</script>
</body>
</html>
